  <title>{Title} {block:PostTitle} {PostTitle} {/block:PostTitle}</title>
  {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  <%include file="_meta.html"/>
  
  <!-- DEFAULT COLORS -->
  <meta name="color:Title Color" content="#000000">
  
  <!-- DEFAULT TEXT -->
  <meta name="text:Google Analytics" content="">
  <meta name="text:Reinvigorate Code" content="">

  <!-- DEFAULT IMAGES -->
  <meta name="image:Logo" content=""/>

  <meta name="if:Show Title" content="1"/>  
  <meta name="if:RSS Link" content="1"/>
  
  <link rel="shortcut icon" href="{Favicon}">
  <link rel="alternate" type="application/rss+xml" href="{RSS}">
  <style type="text/css" media="screen">
    #title h1 a {
      color:{color:Title Color};
    }
    h2,h3,h4,h5 {
        margin-bottom:5px;
    }
    div.tags {
        margin-bottom:5px;
    }
    div.tags span {
        display:inline-block;
        padding:5px 0 5px 10px;
    }
    div.paneoimg {
        margin-bottom:5px;
    }
    div#search {
        margin-bottom:15px;
    }
    div#about {
        margin-bottom:15px;
    }
    aside.meta {
        margin:5px 0;
    }

    .post-type a {
        display:inline-block;
        height: 48px; 
        width: 48px;
        text-indent: -9999px;
    }
    .post-type-text .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 0;
    }
    .post-type-photo .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -48px;
    }
    .post-type-photoset .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -48px;
    }
    .post-type-quote .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -96px;
    }
    .post-type-link .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -144px;
    }
    .post-type-chat .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -192px;
    }
    .post-type-audio .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -240px;
    }
    .post-type-video .post-type a {
        background: url("//${web.ctx.host}/common/img/tumblr/icons.png") no-repeat 0 -288px;
    }
    .post-type a:focus, .post-type a:hover {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
    }
    .post-type a:active {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }
    div#container {
        height:         auto !important;
    }
    {CustomCSS}
  </style>

</head>

<body>
<div id="container">
<!-- page header -->
<header>
<%include file="_header.html" />
</header>
<!-- global menu -->
<%include file="_menu_switch.html" />

<div id="contents" class="clearfix">

<header id="title">
  <hgroup>
    <h1>
      <a href="/" title="{Title}">
        {block:IfLogoImage}
        <div class="paneoimg"><img src="{image:Logo}"/></div>
        {/block:IfLogoImage}
        {block:ifShowTitle}{Title}{/block:ifShowTitle}
      </a>
    </h1>
  </hgroup>
</header>

<div class="col4boxl1r3">
<section class="left">

<div id="search">
    <form action="/search" method="get">
        <input type="text" name="q" value="{SearchQuery}" class="search-text" />
        <input type="submit" value="Search" class="search-submit" />
    </form>
</div><!-- #search -->

<div id="about">
<h3>About</h3>
<a href="http://www.tumblr.com/follow/{Name}"><img src="{PortraitURL-64}" alt="portrait" /></a>
{block:Description}<div class="description"><p>{Description}</p></div>{/block:Description}
</div>

<div id="pages">
    {block:HasPages}
    <h3>Menu</h3>
    <ul>
    {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
    </ul>
    {/block:HasPages}
    {block:AskEnabled}
    <ul>
    <li><a href="/ask">{AskLabel}</a></li>
    </ul>
    {/block:AskEnabled}
    {block:SubmissionsEnabled}
    <ul>
    <li><a href="/submit">{SubmitLabel}</a></li>
    </ul>
    {/block:SubmissionsEnabled}
</div>

</section><!-- section.left end -->
<section class="right">

{block:Posts}
    <article id="post-{PostID}" class="post {block:Text}post-type-text{/block:Text}{block:Photo}post-type-photo{/block:Photo}{block:Photoset}post-type-photoset{/block:Photoset}{block:Quote}post-type-quote{/block:Quote}{block:Link}post-type-link{/block:Link}{block:Chat}post-type-chat{/block:Chat}{block:Video}post-type-video{/block:Video}{block:Audio}post-type-audio{/block:Audio}">
      <aside class="meta clearfix">
        <div class="tags" style="float:left;">
          <span><time datetime="{Timestamp}">{TimeAgo}</time></span>
          {block:HasTags}
          {block:Tags}<span><a href="{TagURL}">{Tag}</a></span>{block:Tags}
          {/block:HasTags}
        </div>
        <div style="float:right;">
        <div class="post-type">
            <a href="{Permalink}">{block:Text}Text{/block:Text}{block:Photo}Photo{/block:Photo}{block:Photoset}Photoset{/block:Photoset}{block:Quote}Quote{/block:Quote}{block:Link}Link{/block:Link}{block:Chat}Chat{/block:Chat}{block:Video}Video{/block:Video}{block:Audio}Audio{/block:Audio}</a>
        </div><!-- .type -->
        </div>
        {block:IfShowNoteCount}( <a href="{Permalink}">{NoteCount}</a> ){/block:IfShowNoteCount}
      </aside>    

      {block:Title}
      <h1 class="entry-title"><a href="{Permalink}" title="{Title}">{Title}</a></h1>
      {/block:Title}
      {block:Link}
      <h1 class="entry-title"><a href="{URL}" class="link" {Target}>{Name}</a></h1>
      {/block:Link}
    
      <section>
        {block:Text}
          {Body}
        {/block:Text}
        {block:Link}
          {block:Description}
          <div class="description">{Description}</div>
          {/block:Description}
        {/block:Link}
        <!--
        {block:Chat}
        <ul class="chat">
          {block:Lines}
          <li class="{Alt} user_{UserNumber}">
          {block:Label}
            <span class="label">{Label}</span>
          {/block:Label}
            {Line}
          </li>
          {/block:Lines}
        </ul>
        {/block:Chat}
        -->
        {block:Quote}
          <blockquote>{Quote}</blockquote>
        {/block:Quote}
        {block:Photo}
          <div class="photo paneoimg">
          {LinkOpenTag}{block:HighRes}<a  href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{block:HighRes}</a>{/block:HighRes}{LinkCloseTag}
          </div>
          {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
        {/block:Photo}
        {block:Photoset}
          {Photoset-1280}
          {block:Caption}
          <div class="caption">{Caption}</div>
          {/block:Caption}
        {/block:Photoset}
        {block:Video}
          {Video-1280}
          {block:Caption}
          <div class="caption">{Caption}</div>
          {/block:Caption}
        {/block:Video}
        {block:Audio}
          {AudioPlayerBlack}
          {block:Caption}
          <div class="caption">{Caption}</div>
          {/block:Caption}
        {/block:Audio}
      </section>
      <hr>
    </article>
  {/block:Posts}

    {block:Pagination}
    <nav id="#nav-below" class="main clearfix">
      <ul>
      {block:PreviousPage}
          <li><a href="{PreviousPage}">Previous</a></li>
      {/block:PreviousPage}

      {block:JumpPagination length="5"}
          {block:CurrentPage}
              <li><span class="current_page">{PageNumber}</span></li>
          {/block:CurrentPage}

          {block:JumpPage}
              <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
          {/block:JumpPage}
      {/block:JumpPagination}

      {block:NextPage}
          <li><a href="{NextPage}">Next</a></li>
      {/block:NextPage}
      </ul>
    </nav>
    {/block:Pagination}

</section>
</div><!-- /.col3boxl1r2 -->


</div><!-- /#contents -->
<!-- page footer -->
<%include file="_footer.html"/>
</div><!-- /#container -->

{block:IfGoogleAnalytics}
    <script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("{text:Google Analytics}");
    pageTracker._trackPageview();
    </script>
{/block:IfGoogleAnalytics}  
{block:IfReinvigorateCode}
    <script type="text/javascript" src="http://include.reinvigorate.net/re_.js"></script>
    <script type="text/javascript">
    try {
    reinvigorate.track("{text:Reinvigorate Code}");
    } catch(err) {}
    </script>
{/block:IfReinvigorateCode}

</body>
</html>


